<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no" />
  <title>关于</title>
  <script src="../js/flexible.js"></script>
  <script src="../js/vconsole.min.js"></script>
  <link rel="stylesheet" href="../css/mui.min.css" />
  <script src="../js/jquery-3.6.0.min.js"></script>
  <style>
    body {
      margin: 0;
      padding: 0;
    }

    .box {
      position: relative;
      width: 100%;
      height: 100%;
      color: #f7faff;
      text-align: center;
      /* padding-top: 0.25rem; */
    }

    /* .box .u .c img{
        position: absolute;
        right: 0;
        top: 0;
        width: 80%;
      } */

    /* .box .i .u{
        position: absolute;
        font-size: 1rem;
        color:black;
        left: 7rem;
        top: 11rem;
      } */
    .u {
      margin-top: 4rem;
      display: inline-block;
      font-size: 0.5rem;
      color: black;
    }

    .box .i p {
      /* position: absolute; */
      /* left: 1rem; */
      font-size: 0.28rem;
      color: black;
      margin: 0;
      /* top:3rem; */
    }

    .i {
      padding: 0.1rem 0.3rem;
    }

    .box .i .t {
      display: block;
      text-align: center;
      font-size: 0.26rem;
      color: black;
      margin-bottom: 0.4rem;
      margin-top: 0.4rem;
    }

    /* .box .i .u{
        display: block;
        text-align: center;
        font-size: 1rem;
        position: absolute;
        left: 9rem;
        top: 12rem;
      } */
    .wode {
      position: absolute;
      right: 0;
      top: 0;
      width: 80%;
      margin-top: 1.5rem;
    }

    .wode3 {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 80%;
      margin-bottom: 1.5rem;
    }

    .email {
      color: #8A9DBE !important;
    }

    a {
      color: #fff;
    }

    .boxtitle {
      font-weight: 600;
      color: #fff;
      margin-right: 0.5rem;
    }

    .boxTop {
      text-align: center;
      padding: 0.3rem 0;
      background-image: linear-gradient(to right,
          rgb(13, 121, 131),
          rgb(25, 179, 182));
      box-shadow: 4px 4px 4px #ccc;
    }

    .boxyz {
      position: relative;
      width: 100%;
    }
  </style>
</head>

<body>
  <div class="box">
    <div class="boxTop">
      <a class="mui-action-back  mui-icon mui-icon-left-nav mui-pull-left" id='btn' @click="home"></a>
      <span class="boxtitle">关于</span>
    </div>
    <div class="i">
      <span class="u">版本号: 1.6.0</span>
      <p>
        <span class="t">如果您在使用过程中遇到问题或者新的需求请联系我们！</span>
      <div class="t uldisplay1">
        <p>内网联系方式</p>
        <p class='email'>ai-assistant@sgitg.sgcc.com.cn</p>
      </div>
      <div class="t uldisplay1">
        <p>外网联系方式</p>
        <p class='email'>ai-assistant@sgitg.sgcc.com.cn</p>
      </div>
      </p>
    </div>

    <div class="u">
      <div class="c">
        <img src="../image/wode.png" alt="" class="wode" />
        <img src="../image/wode3.png" alt="" class="wode3" />
      </div>
    </div>
  </div>
</body>
<script>
  var home = document.getElementById("btn")
  home.onclick = function () {
    $(location).attr("href", "Home.html?emflag=emflag");
  }

</script>

</html>